<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <view class="flex-col group_1">
        <text class="text_1">了解自己可能喜欢的装修风格及装修档次和费用估算</text>
        <text class="text_2">
          作品集简述，本作品集中描述了关于新手装修全攻略，并且展示作品集流程。作品集简述，本作品集中描述了关于新手装修全攻略，并且展示作品集流程。
        </text>
        <view class="flex-col group_2">
          <image
		   :src="imgUrl+'16557826834452459865.png'"
           
            class="image_1"
          />
          <image
		  :src="imgUrl+'16557826834484526230.png'"
          
            class="image_1 image_3"
          />
          <text class="text_3">
            作品简介，作品简介作品简介作品简介，作品简介作品作品简介，简介作品简介作品简介作品简介，作品简介作品作品简介，简介。
          </text>
        </view>
      </view>
      <view class="justify-between section_1">
        <view class="flex-col items-center">
          <image
		  :src="imgUrl+'16557826716000239556.png'"
          
            class="image_4"
          />
          <text class="text_4">123</text>
        </view>
        <view class="flex-col items-center group_4">
          <image
		   :src="imgUrl+'16557826699351904721.png'"
          
            class="image_5"
          />
          <text class="text_5">537</text>
        </view>
        <view class="flex-row">
          <view class="flex-row section_2">
            <image
              :src="imgUrl+'16557828156438279030.png'"
              class="image_6"
            />
            <text class="text_6">好友</text>
          </view>
          <view class="flex-row section_3">
            <image
              :src="imgUrl+'16557828156437641258.png'"
              class="image_7"
            />
            <text class="text_7">朋友圈</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  imgUrl:this.$IMG_URL,
	  };
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .image_1 {
    border-radius: 16rpx;
    width: 91.4667vw;
    height: 46.6667vw;
  }
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .group_1 {
    padding: 29rpx 32rpx 0;
  }
  .section_1 {
    margin-top: 81rpx;
    padding: 17rpx 32rpx 18rpx 72rpx;
    background-color: #ffffff;
    box-shadow: 0px -1rpx 0px 0px #0000001c;
  }
  .text_1 {
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
    text-align: left;
  }
  .text_2 {
    margin-top: 46rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
    text-align: left;
  }
  .group_2 {
    margin-top: 57rpx;
  }
  .group_4 {
    margin-top: 3rpx;
  }
  .image_3 {
    margin-top: 32rpx;
  }
  .text_3 {
    margin-top: 32rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
    text-align: left;
  }
  .image_4 {
    width: 40rpx;
    height: 40rpx;
  }
  .text_4 {
    margin-top: 5rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .image_5 {
    width: 35rpx;
    height: 34rpx;
  }
  .text_5 {
    margin-top: 8rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .section_2 {
    padding: 17rpx 42.5rpx 21.5rpx;
    background-color: #f6f7f9;
    border-radius: 36rpx;
    height: 72rpx;
  }
  .section_3 {
    margin-left: 24rpx;
    padding: 17rpx 41rpx 19.5rpx 42rpx;
    background-color: #f6f7f9;
    border-radius: 36rpx;
    height: 72rpx;
  }
  .image_6 {
    margin-top: 3.5rpx;
    flex-shrink: 0;
    width: 36.5rpx;
    height: 30rpx;
  }
  .text_6 {
    margin-left: 13.5rpx;
    margin-bottom: 5.5rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .image_7 {
    margin-top: 3.5rpx;
    flex-shrink: 0;
    width: 32rpx;
    height: 32rpx;
  }
  .text_7 {
    margin-left: 13rpx;
    margin-bottom: 7.5rpx;
    color: #333333;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
</style>